<!DOCTYPE html>
<html lang="en">

<!-- Copyright (c) chai bo wen LQXC All rights reserved. -->

<head>
    <!-- <script src="../JS/change.js"></script> -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="../ResourceFile/favicon.ico" rel="shortcut icon">
    <link href="../ResourceFile/favicon.ico" rel="icon">
    <link href="../ResourceFile/favicon16x16.png" rel="icon " sizes="16x16">
    <link href="../ResourceFile/favicon32x32.png" rel="icon " sizes="32x32">
    <link href="../ResourceFile/android-chrome-192x192.png" rel="icon" sizes="192x192">
    <link href="../ResourceFile/android-chrome-512x512.png" rel="icon" sizes="512x512">
    <link href="../ResourceFile/touch-icon-iphone.png" rel="apple-touch-icon">
    <link href="../ResourceFile/touch-icon-ipad.png" rel="apple-touch-icon" sizes="72x72">
    <link href="../ResourceFile/touch-icon-iphone-retina.png" rel="apple-touch-icon" sizes="114x114">
    <link href="../ResourceFile/touch-icon-ipad-retina.png" rel="apple-touch-icon" sizes="144x144">
    <style>
        .loading {
            width: 100%;
            width: 100vw;
            height: 100%;
            height: 100vh;
            position: fixed;
            top: 0;
            right: 0;
            left: 0;
            background-color: #ffffff;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 400px;
            z-index: 9999;
            background-image: url(../ResourceFile/loader1.gif);
        }
    </style>
    <script>
        document.addEventListener("readystatechange", function () {
            if (document.readyState == 'complete') {
                document.getElementById("loading").style.display = "none";
            }
        });
    </script>
    <link rel="stylesheet" href="../CSS/LoginAndApply.css">
    <link rel="stylesheet" href="../CSS/headTable.css">
    <title>LOGIN登录</title>
</head>

<body>
    <div class="loading" id="loading"></div>
    <div class="API" id="waiting">
        <div></div>
    </div>
    <div class="API" id="failed">
        <div>
            失败了哦,请检查下填写的信息是否正确
            <!-- <strong>或者说您是否已报名呢,报了名才能登陆哦</strong> -->
            <p style="position:absolute;bottom:0;width:100%;">请不要重复报名!</p>
        </div>
    </div>
    <div class="API" id="success">
        <div>
            登录成功,
            <strong>2s后即将跳转</strong>
        </div>
    </div>
    <div class="API" id="error">
        <div>出现了预期之外的错误呢,请检查下网络状况,或者询问运维哦</div>
    </div>
    <!-- <div id="headTable" class="table">
        <div id="backButton">
            <a href="./index.html">
                <div class="actionButton">
                    <svg t="1603178516026" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="828" width="40" height="40">
                        <path
                            d="M677.391515 873.916768c-7.86101 0-15.618586-2.999596-21.617778-8.895354L324.473535 533.721212c-11.998384-11.894949-11.998384-31.340606 0-43.235555L655.670303 159.288889c5.999192-5.999192 13.756768-8.895354 21.617778-8.895354 7.757576 0 15.618586 2.999596 21.617778 8.895354 11.894949 11.894949 11.894949 31.237172 0 43.235555L389.223434 512.103434 698.905859 821.785859c11.894949 11.998384 11.894949 31.340606 0 43.235555-5.895758 5.895758-13.756768 8.895354-21.514344 8.895354z m0 0"
                            p-id="829" fill="#f61947"></path>
                    </svg>
                </div>
            </a>
        </div>
    </div> -->
    <div class="table" id="exceptIndex">
        <div id="headTable">
            <div id="backButton">
                <a href="./index.html">
                    <div class="actionButton">
                        <svg t="1603178516026" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="828" width="40" height="40">
                            <path
                                d="M677.391515 873.916768c-7.86101 0-15.618586-2.999596-21.617778-8.895354L324.473535 533.721212c-11.998384-11.894949-11.998384-31.340606 0-43.235555L655.670303 159.288889c5.999192-5.999192 13.756768-8.895354 21.617778-8.895354 7.757576 0 15.618586 2.999596 21.617778 8.895354 11.894949 11.894949 11.894949 31.237172 0 43.235555L389.223434 512.103434 698.905859 821.785859c11.894949 11.998384 11.894949 31.340606 0 43.235555-5.895758 5.895758-13.756768 8.895354-21.514344 8.895354z m0 0"
                                p-id="829" fill="#f61947"></path>
                        </svg>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <div class="Login">
        <div class="img">
            <img src="../ResourceFile/tw-logo.svg" alt="">
            <p>西安邮电大学联合创新实验室</p>
        </div>
        <div class="switch">
            <div class="actionButton on" id="leftButton">
                <p>我是新生</p>
            </div>
            <div class="actionButton" id="rightButton">
                <p>我是管理员</p>
            </div>
        </div>
        <p>请使用你的教务系统账号登录哦</p>
        <div id="formBugFix">

            <form action="" method="post">
                <div id="formBugFix">
                    <div class="spaceBetween container">
                        <div class="">
                            <div class="label">
                                <label for="">学号</label>
                                <input type="text" name="id" oninput="setCustomValidity('')" pattern="[0-9]{8}"
                                    oninvalid="setCustomValidity('学号应为八位')" autofocus required autocomplete="username">
                                <div class="showInformation">请输入你正确的学号哦</div>
                            </div>
                            <div class="label">
                                <label for="">密码(双击密码框显示密码哦)</label>
                                <input type="password" name="password" oninput="setCustomValidity('')" pattern=".{6,20}"
                                    oninvalid="setCustomValidity('密码应大于6位小于20位')" required id="password"
                                    autocomplete="current-password">
                                <div class="showInformation">请输入你正确的密码哦</div>
                            </div>
                        </div>
                        <div class="label" id="formatChange">
                            <label for="">姓名</label>
                            <input type="text" name="name" oninput="setCustomValidity('')" pattern="[^\x00-\xff]{2,}"
                                oninvalid="setCustomValidity('请输入真实姓名哦')" id="name" autocomplete="name">
                            <div class="showInformation">请输入你的真实姓名哦</div>
                        </div>
                    </div>
                    <div id="otherInformation" class="spaceBetween" style="display: none">
                        <div class="label">
                            <label for="">专业班级</label>
                            <input type="text" name="subject" oninput="setCustomValidity('')" pattern="*{6,}"
                                oninvalid="setCustomValidity('请输入你的真实班级哦')" autocomplete=off>
                            <div class="showInformation">请输入你的真实班级哦</div>
                        </div>
                        <div class="label">
                            <label for="">电话号码</label>
                            <input type="tel" name="Tel" oninput="setCustomValidity('')"
                                oninvalid="setCustomValidity('请输入正确的电话哦,应当为11位')" pattern="[0-9]{11}" id="Telephone"
                                autocomplete="tel">
                            <div class="showInformation">请输入你正确的电话号码哦</div>
                        </div>
                        <div class="label">
                            <label for="">方向:填写前端或者后台</label>
                            <input type="text" name="way" oninput="setCustomValidity('')" id="Choose"
                                oninvalid="setCustomValidity('请输入前端或者后台哦')" pattern="前端|后台" autocomplete=off>
                            <div class="showInformation">请填写你所需的方向哦</div>
                        </div>

                    </div>
                </div>
                <div>
                    <div id="showApplyButton">
                        <p>未报名?</p>
                    </div>
                    <div class="label">
                        <label for=""></label>
                        <div class="animationButton">
                            <input type="submit" class="actionButton" name="" id="submitButton" value="login">
                        </div>
                    </div>
                </div>
            </form>

            <form class="close">
                <p>管理员请使用管理账号登录</p>
                <div class="label">
                    <label for="">学号</label>
                    <input type="text" name="id" oninput="setCustomValidity('')"
                        oninvalid="setCustomValidity('学号应是八位哦')" required pattern="^[0-9]{8}$" autocomplete="username">
                    <div class="showInformation">请输入管理员学号</div>
                </div>
                <div class="label">
                    <label for="">密码</label>
                    <input type="password" name="password" oninput="setCustomValidity('')"
                        oninvalid="setCustomValidity('正确的密码の必须')" required pattern="\w{7,20}" autocomplete="username">
                    <div class="showInformation">请输入管理员密码</div>
                </div>
                <div class="label">
                    <label for=""></label>
                    <div class="animationButton">
                        <input type="submit" class="actionButton" name="" id="" value="login">
                    </div>
                </div>
            </form>

        </div>

    </div>

    <script type="text/javascript " src="../JS/login_Node.js "></script>
    <script type="text/javascript" src=" ../JS/login_check.js "></script>
    <script type="text/javascript" src="../JS/headTab.js"></script>
</body>

</html>